<template>
  <div>
    <div>公共查询，去admin页面,点击<router-link to="/adminQuery">这里</router-link>进入首页</div>
    <el-row style="margin-top:20px">
      <el-col :offset="4" :span="16">
        <el-input v-model="input" placeholder="请输入内容" @change="serchChange" clearable></el-input>
      </el-col>
    </el-row>
    <el-row style="margin-top:20px">
      <el-col :span="4" class="tabtop13">
        <el-form  label-width="80px">
          <el-form-item label="活动名称">
            <el-input-number size="mini" v-model="num" @change="numChange" :min="1" label="描述："></el-input-number>
          </el-form-item>
          <el-form-item label="是否打粉">
            <el-radio-group v-model="dafen">
              <el-radio label="需要打粉">是</el-radio>
              <el-radio label="无需打粉">否</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="16">
        <el-row>
          <el-col :span="3">
            <table width="100%" border="0" cellspacing="1" cellpadding="4" bgcolor="#cccccc" class="tabtop13" align="center">
              <tr class="tabTile">
                <td class="btbg font-center titfont">拼音</td>
              </tr>
              <tr>
                <td>
                  <input class="inputClass" placeholder="BLG 8"/>
                </td>
              </tr>
              <tr>
                <td>
                  <input class="inputClass" placeholder="BLG 8"/>
                </td>
              </tr>
              <tr>
                <td>
                  <input class="inputClass" placeholder="BLG 8"/>
                </td>
              </tr>
              <tr>
                <td>
                  <input class="inputClass" placeholder="BLG 8"/>
                </td>
              </tr>
              <tr>
                <td>
                  <input class="inputClass" placeholder="BLG 8"/>
                </td>
              </tr>
              <tr>
                <td>
                  <input class="inputClass" placeholder="BLG 8"/>
                </td>
              </tr>
              <tr>
                <td>
                  <input class="inputClass" placeholder="BLG 8"/>
                </td>
              </tr>
              <tr>
                <td>比例</td>
              </tr>
              <tr class="double-height">
                <td >0.55</td>
              </tr>
              <tr>
                <td>手工费</td>
              </tr>
              <tr>
                <td>0.5</td>
              </tr>
            </table>
          </el-col>
          <el-col :span="20" :offset="1">
            <table width="100%" border="0" cellspacing="1" cellpadding="4" bgcolor="#cccccc" class="tabtop13" align="center">
              <tr class="tabTile">
                <td width="3%" class="btbg font-center titfont">序号</td>
                <td width="5%" class="btbg font-center titfont">药材名称</td>
                <td width="4%" class="btbg font-center titfont">规格</td>
                <td width="4%" class="btbg font-center titfont">单位</td>
                <td width="4%" class="btbg font-center titfont">数量</td>
                <td width="4%" class="btbg font-center titfont">产地</td>
                <td width="4%" class="btbg font-center titfont">价格</td>
                <td width="6%" class="btbg font-center titfont">备注</td>
                <td width="8%" class="btbg font-center titfont">作用</td>
              </tr>
              <tr>
                <td>12</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
              </tr>
              <tr>
                <td>12</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
              </tr>
              <tr>
                <td>12</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
              </tr>
              <tr>
                <td>12</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
              </tr>
              <tr>
                <td>12</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
              </tr>
              <tr>
                <td>12</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
              </tr>
              <tr>
                <td>12</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
                <td>bbb</td>
              </tr>
              <tr>
                <td colspan="2">需要份数</td>
                <td colspan="7">{{num}}</td>
              </tr>
              <tr>
                <td colspan="2">原料总价</td>
                <td colspan="7">28.90</td>
              </tr>
              <tr>
                <td colspan="2">是否打粉</td>
                <td colspan="7">{{dafen}}</td>
              </tr>
              <tr>
                <td colspan="2">恪守品质</td>
                <td colspan="7">万千中药材，一手批发价，为您的健康，保驾护航！</td>
              </tr>
              <tr>
                <td colspan="2">时间</td>
                <td colspan="7">2025年3月29号 10：18</td>
              </tr>
            </table>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import $ from "jquery";
export default {
  data() {
    return {
      input: '',
      num:1,
      dafen:"无需打粉",
    };
  },
  //数据初始化
  created() {
  },
  //Dom操作
  mounted(){
    $("table").html();
  },
  methods: {
    numChange(){
      // alert(this.num);
    },
    serchChange() {
       alert("aaaab");
    },
  },
};
</script>
 <style scoped>
 /* @charset "utf-8"; */
/* CSS Document */
.tabtop13 {
	margin-top: 13px;
}
.tabtop13 td{
	background-color:#ffffff;
	height:25px;
	line-height:150%;
}
.tabTile{
  height:50px;
}
.inputClass{
  border:none;
  -webkit-appearance: none;
  background-color: #FFF;
  background-image: none;
  border-radius: 2px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  outline: 0;
  padding: 0 3px;
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  width: 100%;
}
.double-height { 
  height: 63px;
  font-weight:bold;
}
.font-center{ text-align:center}
.btbg{background:#e9faff !important;}
.btbg1{background:#f2fbfe !important;}
.btbg2{background:#f3f3f3 !important;}
.biaoti{
	font-family: 微软雅黑;
	font-size: 26px;
	font-weight: bold;
	border-bottom:1px dashed #CCCCCC;
	color: #255e95;
}
.titfont {
	
	font-family: 微软雅黑;
	font-size: 16px;
	font-weight: bold;
	color: #255e95;
	/* background: url(../images/ico3.gif) no-repeat 15px center; */
	background-color:#e9faff;
}
.tabtxt2 {
	font-family: 微软雅黑;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	color:#327cd1;
}
.tabtxt3 {
	font-family: 微软雅黑;
	font-size: 14px;
	padding-left: 15px;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;
}
</style>